<template>
	<section class="home-index">
		<span class="btn" @click="showToast">show Toast</span>
		<span class="btn" @click="showConfirm">show Toast</span>
		<!-- <v-toast></v-toast> -->
		<!-- <v-confirm :visible="show" @cancel="cancel" @confirm="confirm" :showCancelBtn="true">
			<span slot="content">测试confirm</span>
		</v-confirm> -->
	</section>
</template>

<script>
	// import vToast from './../utils/toast.vue'
	// import vConfirm from './../utils/confirm.vue'
	export default{
		data(){
			return{
				show: true
			}
		},
		components:{
			// vToast
			// vConfirm
		},
		methods: {
			showToast: function () {
				this.$toast('测试弹窗');
			},
			cancel: function (boolean) {
				this.show = false;
				
			},
			instance: function (boolean) {
				this.show = false;
				
			},
			confirmCB: function(){
				console.log(this, '我是测试回调函数的')
			},
			showConfirm: function () {
				this.$confirm({content: '我是零时弄过来凑数的', confirm: this.confirmCB, showCancelBtn: false, width: '450px'})
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url("./../../assets/css/variable.less");
	@import url("./../../assets/css/public.less");
	.home-index {
		height: 800px;
	}
</style>
